<template>
  <el-container>
    <my-header style="padding: 0px;"></my-header>
    <el-main style="background-color: #f5f5f5; padding: 0px;margin:0px"
      ><div style=" background-color: #f5f5f5; padding: 0px;margin:0px">
        <router-view></router-view></div
    ></el-main>
    <el-footer style="padding: 0">
      <div style="background-color:#68cb9b;height: 10px;width: 100%;"></div>
      <div
        style="
          background-color: #3f3f3f;
          height: 100px;
          font-size: 14px;
          color: #b1b1b1;
          text-align: center;
          padding: 30px;
        "
      >
        <p>Copyright © 四川夏志豪科技有限公司版权所有 以后在备案</p>
        <p>涵盖20余门课程体系，致力于打造权威的IT职业教育学习平台</p>
        <p>科技在线WWW.XZH.CN 专注于IT职业技能培训</p>
      </div>
    </el-footer>
  </el-container>
</template>

<script>
// @ is an alias to /src
import MyHeader from "@/components/ShopHeader.vue";
import MyFooter from "@/components/ShopFooter.vue";
export default {
  name: "HomeView",
  components: { MyHeader },
};
</script>
<style scoped>
.el-main{
  padding: 0;
  margin: 0;
}
body {
  margin: 0;
  padding: 0;
}
a {  color : #666666 ; transition: 0.5 s; text-decoration: none;}
a:hover {  color : #68CB9B ; text-decoration:underline #68CB9B;}
</style>
